<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html;UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>

<html>  
    <head>
   <title></title>

    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script src="/Fonafe-Bienes/js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="/Fonafe-Bienes/js/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/Fonafe-Bienes/js/jscorreo.js"></script>  
    <script type="text/javascript" src="/Fonafe-Bienes/js/jsindex.js"></script>
    <link href="/Fonafe-Bienes/css/default.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="/Fonafe-Bienes/js/jsvalidaciones.js"></script>
    <link rel="stylesheet" type="text/css" href="/Fonafe-Bienes/css/custom-theme/jquery-ui-1.8.17.custom.css" />
    
    <script src="/Fonafe-Bienes/js/jquery.colorbox.js" type="text/javascript"></script>
    <link href="/Fonafe-Bienes/css/colorbox.css" type="text/css" rel="stylesheet" />
    
    <link rel="stylesheet" href="/Fonafe-Bienes/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
    <script src="/Fonafe-Bienes/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="/Fonafe-Bienes/js/easySlider1.5.js"></script>
    
    <!-- PARA CALENDARIO -->
    <link type="text/css" rel="stylesheet" href="/Fonafe-Bienes/Cal/dhtmlgoodies_calendar/dhtmlgoodies_calendar.css?random=20051112" media="screen" />
    <script type="text/javascript" src="/Fonafe-Bienes/Cal/dhtmlgoodies_calendar/dhtmlgoodies_calendar.js?random=20060118"></script>
    <!-- FIN PARA CALENDARIO -->
    
    <script type="text/javascript">
        $(document).ready(function(){
            $(".mapa_1").colorbox({rel:'mapa_1'});
            $(".group").colorbox({rel:'group', slideshow:true});
        });
        
        $(document).ready(function(){
            $("a[rel^='prettyPhoto']").prettyPhoto();
            $("#slider").easySlider({
                auto: true,
                continuous: true
            });
        });
        
        
        function comprueba_extension(archivo,id) {
        extensiones_permitidas = new Array(".gif", ".jpg", ".jpeg", ".png");
        var error = "";
        if (!archivo) {
            error = "No has seleccionado ningún archivo";
        }else{
            extension = (archivo.substring(archivo.lastIndexOf("."))).toLowerCase();
            permitida = false;
            for (var i = 0; i < extensiones_permitidas.length; i++) {
                if (extensiones_permitidas[i] == extension) {
                    permitida = true;
                    break;
                }
            }
            if (!permitida) {
                error = "Comprueba la extensión de los archivos a subir. \nSólo se pueden subir archivos con extensiones: " + extensiones_permitidas.join();
            }else{
               return;
            }
        }
        alert(error);
       }
    </script>


    
    <script type="text/javascript">
       (function($) {
            $(document).ready(function(){
                agregar_item();
            });
        })(jQuery);

        $contador = 0;
        function agregar_item(){
            $contador++;
            var element = '<div id="00'+$contador+'">' +
                '<div id="divFile00'+$contador+'" style="width: 500px;"><input class="archivo" type="file" onchange="comprueba_imagen(this.value,\'00'+$contador+'\')" name="foto" id="imagen00'+$contador+'" >' +
                '&nbsp;&nbsp;&nbsp;<a href="#" style="text-decoration: none;" onclick="eliminar_item(\'00'+$contador+'\')" >Eliminar</a></div>' +
                '</div>';
            $('#contendor_galeria').append(element);
        }

        function eliminar_item(id){
            $('#'+id).remove();
        }
        
        jQuery.opcionesUbigeo=function(msj,selector){
            selector.slideDown();
            selector.find('span').html('');
            selector.find('span').html(msj);
            selector.addClass('errorborder');
        };
        
        jQuery.opcionesFecha=function(msj,selector){
            selector.prev().slideDown();
            selector.prev().find('span').html('');
            selector.prev().find('span').html(msj);
            selector.prev().addClass('errorborder');
        };
        
        jQuery.opciones=function(msj,selector){
            selector.next().slideDown();
            selector.next().find('span').html('');
            selector.next().find('span').html(msj);
            selector.addClass('errorborder');
        };
        jQuery.borraropciones = function(selector)
        {
            selector.next().slideUp();
            selector.next().find('span').html('');
            selector.removeClass('errorborder');
        }
        jQuery.borraropcionesFecha = function(selector)
        {
            selector.prev().slideUp();
            selector.prev().find('span').html('');
            selector.removeClass('errorborder');
        }

        jQuery.fn.reseteame = function () {
            $(this).each (function() {this.reset();});
        }
        
        function valida_nombre_bien(){
           if($('#txtNombre').val().length == 0){
                $.opciones('Ingresar Nombre', $('#txtNombre'));
                $('#txtNombre').focus();
                return false;
            }else{
            $.borraropciones($('#txtNombre'));
            return true;
            }
        }
        
        function valida_descripcion_bien(){
           if($('#txtDescripcion').val().length == 0){
                $.opciones('Ingresar Descripción', $('#txtDescripcion'));
                $('#txtDescripcion').focus();
                return false;
            }else{
            $.borraropciones($('#txtDescripcion'));
            return true;
            }
        }
        
        function valida_precio_bien(){
           if($('#txtPrecio').val().length == 0){
                $.opciones('Ingresar Precio', $('#txtPrecio'));
                $('#txtPrecio').focus();
                return false;
            }else{
            $.borraropciones($('#txtPrecio'));
            return true;
            }
        }
        
        function valida_direccion_bien(){
           if($('#txtDireccion').val().length == 0){
                $.opciones('Ingresar Dirección', $('#txtDireccion'));
                $('#txtDireccion').focus();
                return false;
            }else{
            $.borraropciones($('#txtDireccion'));
            return true;
            }
        }
        
         function valida_fecha_bien(){
           if($('#txtFechaVen').val().length == 0 ){
                $.opcionesFecha('Ingresar Fecha', $('#txtFechaVen'));
                $('#txtFechaVen').focus();
                return false;
            }else{
            $.borraropcionesFecha($('#txtFechaVen'));
            return true;
            }
        }
        
        function valida_ubigeo_bien(){
            if($('#oculto').val().length == 0 || $('#TxtUbigeo').val().length == 0 || $('#oculto2').val().length == 0){
                $.opcionesUbigeo('Ingresar Ubigeo', $('#errorUbigeo'));
                $('#TxtUbigeo').focus();
                return false;
            }else{
            $.borraropciones($('#TxtUbigeo'));
            return true;
            }
        }
        
        function validarMueble(){
                
        $('.error_registro').hide('slow');            
            if(!valida_nombre_bien())
                return false;
            if(!valida_descripcion_bien())
                return false;
            if(!valida_precio_bien())
                return false;
            if(!valida_direccion_bien())
                return false;
            if(!valida_fecha_bien())
                return false;
            if(!valida_ubigeo_bien())
                return false;
                        
            return true;
        
        };
        
        function publicar(){
            if(validarMueble()){
            document.forms[0].action = '<s:url action="actualizarDetMuebleGLC"></s:url>';
            document.getElementById('estadoBien').setAttribute('value', 'PUBLICADO');
            document.forms[0].submit();
            }
        }
    </script>
  </head>
   
  <body>
      
      <div id="header">
             <jsp:include page="/base/header_Login.jsp" flush="false"/>
             <jsp:include page="/base/menu_GLC.jsp" >
					<jsp:param name="parametro" value="mueble" />
		     </jsp:include>  
           </div>
           
      <div id="main">
 
          <!-- ********************************************************** -->
          <!-- INIDIO DE CABECERA SUPERIOR: LOGO, BUSQUEDA INICIAL Y MENU PRINCIPAL -->
         
        
          <!-- FIN DE CABECERA SUPERIOR: LOGO, BUSQUEDA INICIAL Y MENU PRINCIPAL -->
          <!-- ********************************************************** -->
 
 
 
          <div id="cuerpo">
              
              <s:url action="buscaMueblesOperacionGLC" id="regresarBuscaMGLC"></s:url>
              
              <s:a href="%{regresarBuscaMGLC}" cssClass="botones_externos"> << Regresar </s:a>
              <div>
                    <s:if test="%{mensajeOk != null}">
                        <div class="msg-success" style="width: 330px;">
                            <s:property value="mensajeOk"/>
                        </div>
                    </s:if>
                    <s:if test="%{mensajeFail != null}">
                        <div class="msg-error" style="width: 550px;">
                            <s:property value="mensajeFail"/>
                        </div>
                    </s:if>
              
              <s:form action="actualizarDetMuebleGLC" name="formDetMueble" method="post" theme="simple" enctype="multipart/form-data" >
                  <s:hidden id="estadoBien" name="estadoBien" value="GUARDADO" />
                  <div class="contenido_grilla" style="margin-center: 100px;">
 
                            <table class="table_form_consulta adicion_mantenimiento">
                                <thead>
                                    <tr>
                                        <th colspan="4">Actualizar Mueble</th>
                                    </tr>
                                </thead>
 
                                <tbody>
                                     <input type="hidden" name="idMueble" value="<s:property value="muebleBean.id_mueble"/>" />
                                  <tr>
                                      <td colspan="2">Nombre(*):</td>
                                      <td><s:textfield id="txtNombre" label="Nombre" name="muebleBean.nombre"/>
                                      <div class="error_registro">
                                         <span></span>
                                      </div>  
                                      </td>
                                     
                                  </tr>
                                  <tr>
                                      <td colspan="2">Descripci&oacute;n(*):</td>
                                      <td><s:textarea id="txtDescripcion" label="Descripción" cssClass="text_areas" name="muebleBean.descripcion"  cols="15"></s:textarea>
                                      <div class="error_registro">
                                         <span></span>
                                      </div>  
                                      </td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">Moneda(*):</td>
                                      <td>
                                      <s:select label="Moneda"
                                                    list="#{'Sol':'Sol', 'Dolar':'Dolar', 'Euro':'Euro'}"
                                                    name="muebleBean.tipo_moneda" 
                                                    />

                                      </td>
                                  </tr>                                 
                                  <tr>
                                      <td colspan="2">Precio(*):</td>
                                      <td><s:textfield id="txtPrecio" label="Precio" name="muebleBean.precio" onkeypress="return $.solonumerodecimal(event);"/>
                                      <div class="error_registro">
                                         <span></span>
                                      </div>  
                                      </td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">Tipo Contrato(*):</td>
                                      <td>
                                          <s:select label="Tipo Contrato"
                                                    list="#{'':'','Venta':'Venta', 'Alquiler':'Alquiler'}"
                                                    name="muebleBean.tipoContrato" 
                                                    />

                                      </td>
                                  </tr>   
                                  <tr>
                                      <td colspan="2">Direcci&oacute;n(*):</td>
                                      <td><s:textfield id="txtDireccion" label="Dirección" name="muebleBean.direccion"/>
                                      <div class="error_registro">
                                         <span></span>
                                      </div>  
                                      </td>
                                  </tr>
                                  
                                  <tr>
                                      <td colspan="2">Tipo Mueble(*):</td>
                                      <td colspan="2"> <s:select label="Tipo Mueble" name="muebleBean.tipo_mueble" list="listTipoMueble" listKey="idTipoMueble" listValue="nombre" />
                                      
                                      </td>
                                  </tr>
                                  
                                  <tr>
                                                               
                                       <td colspan="2">Fecha de Vencimiento(*)</td>
                                      <td colspan="1">
                                          <div class="error_registro">
                                             <span></span>
                                           </div> 
                                          <input type="text" id="txtFechaVen" readonly="true" class="class_calendar" maxlength="10" size="7" name="fecha_vencimiento_mueble" value="<s:property value="muebleBean.fecha_vencimiento"/>" class="align_left"  ></input>
                                           
                                          <a href="javascript:void(0)" onclick="displayCalendar(document.formDetMueble.fecha_vencimiento_mueble,'dd/mm/yyyy',this)"><img src="/Fonafe-Bienes/img/calendar.png" alt="" /></a>
                                            
                                      </td>
                                          
                                  </tr>
                                  
                                  <tr>
                                       <td colspan="2">Dept / Prov / Distrito(*):</td>
                                      <td colspan="2">
                                          <div  id="errorUbigeo" class="error_registro">
                                             <span></span>
                                          </div>  
                                          <input id="oculto" type="hidden" name="muebleBean.tb_Ubigeo_id_ubigeo" value="<s:property value="muebleBean.tb_Ubigeo_id_ubigeo" />" />
                                          <input id="oculto2" type="hidden"  value="<s:property value="muebleBean.tb_Ubigeo_id_ubigeo" />"/>
                                          <s:textfield label="Ubigeo"  autocomplete="off" id="TxtUbigeo" onkeyup="$.autocomplete($(this));" cssClass="texto_mediano" name="muebleBean.ubigeo"/>
                                          
                                      </td>
                                  </tr>
                                  
                                  <!--tr>
                                       <%--s:url action="verPlanoMueble" id="verPlano">
                                            <s:param name="idMueble" value="muebleBean.id_mueble"></s:param>
                                        </s:url--%>
                                      <td colspan="2"><span class="etiqueta_info">Plano Ubicaci&oacute;n</span></td>
                                      <td>
                                         <input class="archivo" type="file" onchange="comprueba_imagen(this.value,planoUbicacion)" name="planoUbicacion" id="planoUbicacion" />
                                         <%--s:a title="Plano Ubicación." href="%{verPlano}" rel="prettyPhoto">Ver plano actual</s:a--%>
                                      </td>
                                  </tr-->
                                      
                                    <tr>
                                        <s:url action="verFotoPrincipalMueble" id="verFoto">
                                            <s:param name="idMueble" value="muebleBean.id_mueble"></s:param>
                                        </s:url>
                                      <td colspan="2"><span class="etiqueta_info">Foto Principal</span></td>
                                      <td>
                                         <input class="archivo" type="file" onchange="comprueba_imagen(this.value,fotoPrincipalMueble)" name="fotoPrincipalMueble" id="fotoPrincipalMueble" />
                                             <s:a title="Foto actual." href="%{verFoto}" rel="prettyPhoto">Ver foto actual</s:a>
                                      </td>
                                      
                                  </tr>
                                  
                                </tbody>
                            </table>
 
 
              <div class="area_galeria_mantenimiento">
                  <span class="etiqueta_info">Galeria de Imagenes</span>
 
 
                  
                           <s:iterator value="listGaleriaFotos" var="bean">
                                <div class="galeria_img">
                                         <s:url action="verGaleriaMueble" id="verGalImag"/>
                                         <img   src="Fonafe-Bienes/struts/verGaleriaMueble?idFoto=<s:property value="idFotoGaleria"/>" width="120" height="90" style="max-width: 120px; max-height: 90px;"/>

                                         Eliminar<input type="checkbox" name="chFotoGalMueble" value="<s:property value="idFotoGaleria"/>" />
                                  </div>
                            </s:iterator> 
                 </div>
                      <div align="center">
                          <table align="center">
                              <tr>
                                  <td><br></br>
                                      Galeria de Fotos
                                      <div id="contendor_galeria">
                                      </div>
                                      <div id="IdAgregar" align="center"><a href="#" onclick="agregar_item()" style="text-decoration: underline;" >elegir m&aacute;s archivos</a></div>
                                      <br />
                                  </td>
                              </tr>
                          </table>
                        </div>
                        <br /> <br />
                        <div align="center">
                            <input id="btnMuebleGLC" type="submit" value=" Guardar " class="buttonsubmit" />                            
                            <a href="javascript:void(0)" onclick="publicar();"><input id="btnMueblePubGLC" type="button" name="btnenvio" class="buttonsubmit" value="Publicar" /></a>
                        </div>
                   <div class="botones_galeria">  
                  </div>
 
                           
               </div>
             </s:form>
              <div class="clean_space"></div>
            </div> 
          </div>
      </div>
              
          <jsp:include page="/base/footer.jsp" flush="false" />
              
  </body>
</html>
